<!DOCTYPE html>
<html lang="zh_CN">
<head>
  <meta charset="UTF-8">
  <title>Streamedian player example</title>
  <style>
    #test_video {
      width: 720px;
    }
  </style>
</head>
<body>
<div>rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov</div>
<div>rtsp://admin:Aa12345678@192.168.8.200/id=00</div>
<input id="url" type="text" value="rtsp://admin:Aa12345678@192.168.8.200/id=00">
<button onclick="play()">播放</button>
<video id="test_video" controls autoplay>
  <source src="rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov" type="application/x-rtsp">
</video>
<script src="./js/streamedian.min.js"></script>
<script>
  let testVideo = document.querySelector("#test_video source")
  let url = document.querySelector("#url")

  function play() {
    src = url.value
    testVideo.src = src
    Streamedian.player('test_video', {socket: "ws://192.168.7.124:9000/ws/"})
  }
</script>
</body>
</html>
